<script setup lang="ts">
import ContentTitle from '@/components/ContentTitle/index.vue'
import type { Props } from './utils/types'

defineProps<Props>()

const $router = useRouter()

function handleJumpHome() {
    $router.back()
}

</script>

<template>
    <div class="layout-title">
        <div class="title">
            <img class="logo" src="./images/logo-real.png" alt="logo-real" @click="handleJumpHome" />
            <ContentTitle class="con-title" :title="title" :content="content" />
        </div>
        <div class="wire"></div>
    </div>
</template>

<style lang="scss" scoped>
.layout-title {
    .wire {
        width: 95%;
        height: 1px;
        background-color: #DEDEDE;
        margin: 0 auto;
    }

    .title {
        display: flex;

        .con-title {
            margin-left: 30px;
        }

        .logo {
            width: 136px;
            height: 40px;
            display: block;
            margin: 18px;
            cursor: pointer;
        }
    }


}
</style>
